.main{
  background-color: #eff3fe;

  // background: linear-gradient(45deg, #eff3fe, 50%, #fbf4f7, 100%, #edf2ff);
  padding-top: 70px;
  min-height: 100vh;

  // background-image: linear-gradient(rgb(239 246 250 / 20%), rgb(238 245 249 / 20%)), linear-gradient(0deg, rgb(245 245 255 / 75%) 6%, rgb(218 229 255 / 100%) 91%);
  overflow: hidden;

  .container{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 15px;

    .left{
      background: #fff;
      padding: 24px;
      flex: 1;

      .title{
        margin-bottom: .5em;
        color: rgb(0 0 0 / 85%);
        font-weight: 600;
        font-size: 30px;
        line-height: 1.35;
      }
  
      .description{
        color: rgb(0 0 0 / 45%);
        margin-bottom: 1em;
        font-weight: normal;
        font-size: 14px;
        font-variant: tabular-nums;
        line-height: 1.5715;
        list-style: none;
        font-feature-settings: "tnum";
        text-indent: 2em;
      }

      .innerHTML{
        font-size: 14px;

        p{
          line-height: 1.75;
          margin-top: 0;
          margin-bottom: 16px;
        }
      }
    }

    .right{
      flex: 0 1 40vw;
      min-width: 240px;
      max-width: 340px;

      // background: #fff;
    }
  }






  @media screen and (width <= 800px){
    padding-top: 50px;

    .container{
      width: 100%;

      // padding:0 20px;
      flex-direction: column;

      .right{
        min-width: 100vw;
        max-width: 100vw;
  
      }

    }
  }
}
